@charset "utf-8";
.main .searchlay{ position:relative; margin:20px 0 10px 0; width:100%; border:2px solid #14bd83; border-radius:40px; height:80px;}
.main .searchlay .search{ height:100%; width:100%; border-radius:40px; padding:0 180px 0 30px; font-size:30px; border:0; outline:none; background:none; color:#666;}
.main .searchlay .search::-webkit-input-placeholder{color:#ccc;}  
.main .searchlay .search:-moz-placeholder{ color:#ccc;}  
.main .searchlay .search::-moz-placeholder{ color:#ccc;}  
.main .searchlay .search:-ms-input-placeholder{ color:#ccc;}  
.main .searchlay .searchbtt{ background:#14bd83; border:0; outline:none; color:#fff; font-size:40px; height:100%; width:180px; border-radius:40px; position:absolute; right:-1px; top:0; cursor:pointer;}
.main .searchlay .searchbtt:hover{ background:#f90;}
.main .hotli{padding-left:5px;}
.main .hotli dl{font-size:14px; color:#666; height:36px; line-height:36px; text-align:left; overflow:hidden;}
.main .hotli dl:after{content:""; display:block; clear:both;}
.main .hotli dl dt{display:table-cell; vertical-align:top; font-weight:bold; width:70px;}
.main .hotli dl dd{display:table-cell; vertical-align:top;}
.main .hotli dl dd a.item{display:inline-block; margin-right:10px; color:#666;}
.main .hotli dl dd a.item:hover{color:#f60;}
.main .hotcitiao{ padding:10px 0; position:relative;}
.main .hotcitiao .ttl{ background:#14bd83; color:#fff; font-size:24px; line-height:2em; padding:0 20px; border-radius:0 1em 0 1em; font-weight:bold; width:150px; text-align:center; margin-bottom:10px;}
.main .hotcitiao ul{ margin:0 -1%;}
.main .hotcitiao li{ float:left; width:18%; margin:10px 1%;}
.main .hotcitiao li.hide{ display:none;}
.main .hotcitiao li a{ width:30px; line-height:40px; height:40px; overflow:hidden; background:rgba(18,155,131,0.1); border-radius:0 1em 0 1em; transition:width ease-in-out 300ms; color:#14bd83; padding:0 10px;}
.main .hotcitiao li a::before{content:""; display:inline-block; margin-right:5px; padding:3px; border:3px solid #f9b78a; border-radius:50%;}
.main .hotcitiao li a:hover{ color:#f60}
.main .newarticle{width:100%; height:2em; overflow:hidden; font-size:14px;}
.main .newarticle .item{ float:left; width:33.3333%; padding:0 15px; line-height:2em; position:relative; text-align:left;}
.main .newarticle .item::before{ content:""; width:6px; height:6px; border-radius:50%; background:#999; position:absolute; left:5px; top:50%; margin-top:-2px;}

.catbox{ margin-bottom:30px;}
.catbox .menu{ width:100%; display:table; border:1px solid #14bd83; border-bottom:0; border-radius:8px 8px 0 0; overflow:hidden;}
.catbox .menu a{ display:table-cell; line-height:3em; font-size:18px; background:#14bd83; color:#fff; width:5%; text-align:center;}
.catbox .menu a.active{ background:none; color:#f60 !important;}
.catbox .menu a:hover{ color:#ff0;}
.catbox .cont{ min-height:670px; border:1px solid #14bd83; border-top:0; padding:20px; border-radius:0 0 8px 8px;}
.catbox .cont .artlay{ width:50%; float:left; background:rgba(18, 155, 131, 0.06); border-radius:8px; padding:17px 1%; text-align:left; font-size:14px;}
.catbox .cont .artlay .artlist{ width:50%; float:left; padding:0 1%; position:relative;}
.catbox .cont .artlay .artlist .item{padding:0; line-height:40px; font-size:14px;}
.catbox .cont .artlay .artlist .item .numb{width:25px; height:25px; line-height:25px;}
.catbox .cont .blocktitle{ line-height:60px; font-size:20px; font-weight:bold;}
.catbox .cont .blocktitle.bg1{ height:180px; background:url(/public/img/index/zhishi.jpg) no-repeat; font-size:24px; padding:10px 0 0 5%; background-size:contain; color:#fff;}
.catbox .cont .blocktitle.bg2{ height:180px; background:url(/public/img/index/top.jpg) no-repeat; font-size:24px; padding:10px 0 0 5%; background-size:contain; color:#fff;}
.catbox .cont .blocktitle span{ color:#333;}

.catbox .hotcat{background:rgba(18, 155, 131, 0.06); border-radius:8px; height:630px; width:48%; float:right; padding:0 1%;}
.catbox .hotcat .hotttl{font-size:20px; line-height:48px; font-weight:bold; float:left; padding-left:10px;}
.catbox .hotcat .more{float:right; color:#129b83;}
.catbox .hotcat .more span,
.catbox .hotcat .more .iconfont{font-size:14px; float:left; line-height:50px;}
.catbox .hotcat .more .iconfont{margin-left:3px;}
.catbox .hotcat .more:hover{color:#ff6a00;}
.catbox .hotcat .list a{float:left; width:20%; font-size:14px; color:#129b83; padding:8px 1%; text-align:center;}
.catbox .hotcat .list a:first-child{margin-left:0;}
.catbox .hotcat .list a img{background:rgba(18, 155, 131, 0.1); border-radius:50%; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; width:60px; height:60px;}
.catbox .hotcat .list a:hover img{background:rgba(255, 106, 0, 0.1);}
.catbox .hotcat .list a .name{font-size:14px; line-height:1em; margin-top:5px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.catbox .hotcat .list a:hover .name{color:#ff6a00;}

.tabscroll.qiehuan .conts .cont{ padding:0 0 20px 0;}
.tabscroll .articlelist{ padding:0;}
.tabscroll .articlelist .item{ padding:20px; width:50%; float:left;}
.tabscroll .articlelist .item img{ width:220px; height:137px; max-width:none;}
.tabscroll .articlelist .item .title{overflow:hidden; max-width:360px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block;}
.tabscroll .articlelist .item.nopic .title{ max-width:100%;}
.tabscroll .articlelist .item:first-child{padding-top:20px;}